<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/ui-dialog.css">
</head>

<body>
    <div class="pen-title">
        <h1>用户登录</h1>
        <span><i class='fa fa-paint-brush'></i> <i class='fa fa-code'></i></span>
    </div>
    <div class="module form-module">
        <div class="toggle"></div>
        <div class="form">
            <h2>登录</h2>
            <form action="" method="POST">
                <ul>
                    <li>
                        <input type="text" placeholder="用户名" name="username" id="username" />
                    </li>
                    <li>
                        <input type="password" placeholder="密码" name="password" id="password" />
                    </li>
                    <li>
                        <input type="text" id="verifyCode" placeholder="验证码" name="verifyCode" size="6"><img id="verifyCodeImg" src="/public/verificationCode" onClick="refreshing();">
                    </li>
                    <li >
                        <span id="errorInfo" style="color: red;font-size: 5;line-height: 2"></span>
                    </li>
                    <li>
                        <button id="login">登录</button>
                    </li>
                </ul>
            </form>
        </div>
        <div class="cta">
            <!-- <a href="/public/modifypwd.html">忘记密码？</a> -->
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="lib/require.js"></script>
    <script type="text/javascript" src="lib/login.js"></script>
    <script type="text/javascript" src="lib/dialog-min.js"></script>
</body>

</html>
